<!--
You are free to copy and use this sample in accordance with the terms of the
Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Google Visualization API Sample</title>
  <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  <script type="text/javascript">
    google.load('visualization', '1', {packages: ['geomap']});

    function drawVisualization() {
      var data = new google.visualization.DataTable();
      data.addRows(12);
      data.addColumn('string', 'Cidade');
      data.addColumn('number', 'Seguros Auto-Mulher');
      data.setValue(0, 0, 'Minas Gerais');
      data.setValue(0, 1, 231);
      data.setValue(1, 0, 'Rio de Janeiro');
      data.setValue(1, 1, 423);
      data.setValue(2, 0, 'Amazonas');
      data.setValue(2, 1, 150);
      data.setValue(3, 0, 'São Paulo');
      data.setValue(3, 1, 501);
      data.setValue(4, 0, 'Pernambuco');
      data.setValue(4, 1, 122);
      data.setValue(5, 0, 'Mato Grosso do Sul');
      data.setValue(5, 1, 98);
      data.setValue(6, 0, 'Maranhão');
      data.setValue(6, 1, 75);
      data.setValue(7, 0, 'Acre');
      data.setValue(7, 1, 35);	  
      data.setValue(8, 0, 'Brasília');
      data.setValue(8, 1, 401);
      data.setValue(9, 0, 'Pará');
      data.setValue(9, 1, 90);
      data.setValue(10, 0, 'Rio Grande do Sul');
      data.setValue(10, 1, 231);	  
      data.setValue(11, 0, 'Santa Catarina');
      data.setValue(11, 1, 145);
	  
      var options = {};
      options['region'] = '005';      
      options['dataMode'] = 'markers';
	  options['showLegend'] = true;
	  options['colors'] = [0xFF8747, 0xFFB581, 0xc06000]; //orange colors
	  options['width'] = '600px';
	  options['height'] = '600px';
	  
      var geomap = new google.visualization.GeoMap(
          document.getElementById('visualization'));
      geomap.draw(data, options);
    }
    

    google.setOnLoadCallback(drawVisualization);
  </script>
</head>
<body style="font-family: Arial;border: 0 none;">
<div id="visualization" style="width: 800px; height: 400px;"></div>
</body>
</html>